        * {
            box-sizing: border-box;
        }
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }
        .sidebar {
            width: 200px;
            height: 100%;
            background-color: #333;
            color: #fff;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1;
            overflow-x: hidden;
            padding-top: 20px;
        }
        .sidebar a {
            display: block;
            padding: 10px;
            text-decoration: none;
            color: #fff;
        }
        .sidebar a:hover {
            background-color: #555;
        }
        .main {
            margin-left: 200px;
            padding: 20px;
        }
        .hidden {
            display: none;
        }

        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 20px;
        }
        th, td {
            text-align: left;
            padding: 8px;
        }
        th {
            background-color: #333;
            color: #fff;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        #search-form {
          margin-bottom: 20px;
        }

        #search-input {
          margin-right: 10px;
		  border-radius: 10%;

        }

        #user-info {
          border: 1px solid #ccc;
<!--          padding: 10px;-->
          margin-bottom: 20px;
        }

        #user-info p {
          margin: 5px 0;
        }

        #user-info {
          border: 1px solid #ccc;
          padding: 2px;
          margin-bottom: 20px;
<!--          background-color:black;-->
        }

        #user-info h3 {
          font-size: 18px;
          margin-bottom: 10px;
        }

        #user-info p {
          margin: 5px 0;
          font-size: 16px;
          font-weight: bold;
          color:black;
        }

		#add-input{
			margin-left: 4px;
		}
